<template>
 	<view>
 		<view style="padding: 30rpx 30rpx 100rpx 30rpx;background: #4066F4;text-align: left;color: #fff;"
 			class="u-flex u-row-between">
 			<view>
 				<view>一级团队</view>
 				<view style="font-size: 40rpx;" class="u-margin-top-20">{{info.teamOne}}人</view>
 			</view>
 			<view>
 				<view>一级收益</view>
 				<view style="font-size: 40rpx;"  class="u-margin-top-20">￥{{info.oneCommission}}</view>
 			</view>

 		</view>
 		<view v-if="list.length" class="" style="background: #fff;border-radius: 60rpx 60rpx  0 0;position: relative;bottom: 50rpx;padding-top: 40rpx;">
			<view class="" v-for="(item,index) in list" :key="index"
				class="  u-padding-30 u-border-bottom u-flex ">
				
				<u-image :src="item.headimg" width="100" height="100" shape="circle"></u-image>
				<view class="u-margin-left-20">
	            	
					<view class="" style="color: #FF5D39;">
						{{item.nickname}}
					</view>
					<view class=" $u-type-info u-margin-top-20">{{item.mobile}}</view>
				</view>
				
			</view>
 		</view>
		
		
	    <view class="empty" v-else>
				<u-empty text="暂无团队" mode="list"></u-empty>
		</view>
		
 		<u-loadmore :status="initial.status" v-if="list.length"/>


 	</view>
 </template>

 <script>
 	import loader from '@/common/loadPage.js';

 	export default {
 		mixins: [loader],
 		data() {
 			return {
				info:{
					totalCommission:"",
					todayCommission:"",
					teamOne:"",
					teamTwo:"",
					oneCommission:''
				},
 				list:[],
 				initial: {
 					geturl: "/user/team",
 					parm: {
 					   level:'one',
					   role:1
 					},

 				},
 				list: []

 			}
 		},
 		onLoad() {
 			this.$u.api.Financial().then(res=>{
				this.info=res;
 				
 			})
			 this.getGoods();
 		},
 		onShow() {

 		},
 		methods: {
 			
			

 		}
 	}
 </script>

 <style>
 	.mode {
 		font-size: 32rpx;
	
 	}

 	.icon {
 		width: 32rpx;
 		height: 32rpx;
 		margin-right: 10rpx;
 	}
 </style>
